<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<!--请适当使用搜索功能，检索href="#",查找当前空缺接口-->
<head>
    <!--  防止乱码-->
    <meta charset="utf-8">
    <!--  提升网页兼容性-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="Shortcut Icon" th:href="@{/img/qmx_icon.png}" type="image/x-icon"/>
    <link rel="icon" th:href="@{/img/qmx_icon.png}" sizes="32x32" type="image/png">
    <link rel="icon" th:href="@{/img/qmx_icon.png}" sizes="16x16" type="image/png">
    <title th:text="'当前阅读:'+${article.getTitle()}"></title>

    <!-- 自定义字体-->
    <link th:href="@{/vendor/fontawesome-free/css/all.min.css}" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">

    <!-- 自己的css-->
    <link th:href="@{/css/myWeb-min.css}" rel="stylesheet">
    <!--    bootstrap4.5的table渲染css-->
    <link th:href="@{/vendor/datatables/dataTables.bootstrap4.min.css}" rel="stylesheet">

    <style>
        /*去除a标签的所有效果*/
        /*包含以下四种的链接*/
        a {
            text-decoration: none;
        }

        /*正常的未被访问过的链接*/
        a:link {
            text-decoration: none;
        }

        /*已经访问过的链接*/
        a:visited {
            text-decoration: none;
        }

        /*鼠标划过(停留)的链接*/
        a:hover {
            text-decoration: none;
        }

        /* 正在点击的链接*/
        a:active {
            text-decoration: none;
        }
    </style>
    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }

        img {
            display: inline-block;
            height: auto;
            max-width: 100%;
        }

        /*响应String中的回车符*/
        #blogContent {
            white-space: pre-line;
        }

        #blogContent iframe {
            display: inline-block;
            height: 720px;
            max-width: 100%;
            width: 1080px;
        }

        #comment {
            white-space: pre-line;
        }

        #comment img {
            display: inline-block;
            height: auto;
            max-width: 20%;
        }

        code div {
            background: #e2e2e2;
            border-left: 5px solid #b7cfcf;
        }
        pre {
            background: #e2e2e2;
            border-left: 5px solid #b7cfcf;
        }

        #blogContent table {
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            width: 100%;
            border-collapse: collapse;
        }

        #blogContent table td, #blogContent table th {
            font-size: 1em;
            border: 1px solid #c7e2e5;
            padding: 3px 7px 2px 7px;
        }

        #blogContent table th {
            font-size: 1.1em;
            text-align: left;
            padding-top: 5px;
            padding-bottom: 4px;
            background-color: #6ecbcf;
            color: #ffffff;
        }

        #blogContent table tr.alt td {
            color: #000000;
            background-color: #eaf2d3;
        }

        #commentBlock iframe {
            display: inline-block;
            height: 480px;
            max-width: 100%;
            width: 720px;
        }
        .w-e-toolbar{
            flex-wrap:wrap;
        }
    </style>
</head>

<body id="page-top">

<!-- 页面整体 -->
<div id="wrapper">

    <!-- 侧边栏 -->
    <!-- 侧边栏到此为止啦 -->

    <!-- 接下来是主内容区域 -->
    <div id="content-wrapper" class="d-flex flex-column">
        <!-- 主内容 -->
        <div id="content">
            <!-- 顶部头条内容 -->
            <div th:replace="/common/module.html::navBar"></div>
            <!-- 顶栏到此为止 -->
            <!-- 主页内容 -->

            <main role="main" class="container">
                <div class="d-flex align-items-center p-3 my-3 bg-gray-100 rounded shadow-sm border-left-primary">
                    <!--   <img class="mr-2" src="img/qmx_icon_w.png" width="52" height="52" alt="qmx">-->
                    <div class="lh-125 w-100">
                        <h4 class="lh-125 d-block"><span th:text="${article.title}">发帖标题</span></h4>
                        <span class="hide"></span>
                        <div class="d-none overflow-hidden">
                            <small id="thisPageUserID" th:text="${article.getId()}"></small>
                            <small id="thisPageUserStatus" th:text="${article.getStatus()}"></small>
                        </div>
                        <small class="mr-2">
                            <img th:src="@{'/system/user/picture?p='+${user.picture}}" alt="" height="32" width="32">
                            <span class="text-success" style="font-size: 16px;">
                                        <a th:text="${article.getCreateBy().nickname}">发布者</a>
                                    </span><br/>
                            <span class="text-muted">发布于:
                                        <span class="text-muted" th:text="${#dates.format(article.createDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                                    </span>
                            <span class="d-block">最后更新于:
                                        <span class="text-muted" th:text="${#dates.format(article.updateDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                                    </span>
                            <span>本帖标签:
                                    <span class="badge badge-info text-light" th:switch="${article.getArticleClass()}">
                                        <span th:case="null" class="text-light">未分类</span>
                                        <span th:case="1" class="text-light">短小说</span>
                                        <span th:case="2" class="text-light">短笑话</span>
                                        <span th:case="3" class="text-light">散文</span>
                                        <span th:case="4" class="text-light">诗文</span>
                                    </span>
                                    <i class="fas fa-tags"></i>
                            </span>
                            <a class="text-muted" href="#">举报 <i class="fas fa-exclamation-circle"></i> </a>

                            <button th:if="${user.getDept().getId()==2} and ${article.getStatus()!=6}" type="button"
                                    id="articlePassBtn" class="float-right btn btn-success mr-1" onclick="passThisArticle(true);"
                                    data-toggle="modal" data-target="#SubmitTips">
                                编辑为：审核通过
                            </button>
                            <button th:if="${user.getDept().getId()==2} and ${article.getStatus()!=7}" type="button"
                                    class="float-right btn btn-danger mr-1" onclick="passThisArticle(false);"
                                    data-toggle="modal" data-target="#SubmitTips">
                                编辑为：不予通过审核
                            </button>

                            <button th:if="${article.getStatus()==6}" class="btn btn-outline-success float-right mr-1">
                                该文章已通过审核
                            </button>
                            <button th:if="${article.getStatus()==7}" class="btn btn-outline-secondary float-right mr-1">
                                该文章已驳回
                            </button>


                        </small>
                    </div>
                </div>

                <div class="my-3 p-3 bg-white rounded shadow-sm">
                    <div class="mb-3 border-gray pb-2" id="blogContent">
                        <span th:utext="${article.getContent()}"></span>
                    </div>
                    <hr/>
                    <div class="md-4"  id="commentThisPostBtnArea">
                        <button class="btn btn-primary" onclick="commentThisPosting();">评论此投稿</button>
<!--                        <button id="modifyThisPostBtn" class="btn btn-info d-none" onclick="modifyThisPosting();">修改此贴</button>-->
                    </div>

                    <div id="commentThisPostArea" class="mr-2 mt-6 d-none animated--grow-in" style="padding-top: 10px;">
                        <form th:action="@{/system/comment/addComment}" method="post">
                            <input class="form-control" th:value="${article.getId()}" name="articleID"
                                   style="display:none;">
                            <input class="form-control" th:value="${user.getId()}" name="createBy"
                                   style="display:none;">
                            <input class="form-control" th:value="${user.nickname}" name="username"
                                   style="display:none;">
                            <div id="editDiv" onmouseout="updateCommentText(this);"></div>
                            <textarea id="commentTextArea"  class="form-control d-none overflow-hidden"
                                      type="text" rows="1" name="content" placeholder="..."></textarea>

                            <button class="btn btn-outline-info mt-1 mb-5 float-right ml-1" type="submit">确定回复</button>
                            <button onclick="cancelComment(this);" class="btn btn-outline-secondary mt-1 mb-5 float-right" type="button">取消</button>
                            <div class="mt-5 mb-0" style="width: auto;height: 1px; background: #e5e5e5;"></div>
                        </form>
                    </div>

                    <!--        修改此贴的form-->
                    <div id="modifyThisPostArea" class="mr-2 d-none mt-6 animated--grow-in" style="padding-top: 10px;">
                        <form action="/updataPosting" method="post">
                            <input th:value="${article.getId()}" name="postingid" style="display:none;">
                            <input class="form-control mb-1" th:value="${article.title}" name="postingtitle">
                            <div id="modifyEditDiv" onmouseout="updateCommentText(this);"></div>
                            <textarea class="form-control   d-none   overflow-hidden" type="text" rows="4" name="postingcontent" placeholder="..."></textarea>
                            <button class="btn btn-outline-danger mt-1 mb-5 float-right ml-1" type="submit">确定修改</button>
                            <button onclick="cancelComment(this);" class="btn btn-outline-secondary mt-1 mb-5 float-right" type="button">取消</button>
                            <div class="mt-5 mb-0" style="width: auto;height: 1px; background: #e5e5e5;"></div>
                        </form>
                    </div>




                </div>

                <div class="my-3 p-3 bg-white rounded shadow-sm" id="commentBlock">

                    <h6 class="border-bottom border-gray pb-2 mb-0"><span class="badge align-text-bottom bg-info text-light" style="font-size: 14px;"></span>
<!--                        记得预留位置，导出一篇文章总共有多少个评论-->
                        3个回复</h6>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                <thead>
                                <tr>
                                    <th>回复</th>
                                </tr>
                                </thead>
                                <tbody id="listcontent">
                                    <tr th:each="item:${commentList}" role="row" class="odd">
<!--                                        th:class="'sorting_'+${item.createDate}"-->
                                        <td class="sorting_1">
                                            <div class="media text-muted pt-3" th:id="'commentUser'+${item.createBy.id}">
                                                <img width="54" height="54" class="avatar mr-2" style="margin-bottom: 10px;margin-top:-16px;border-radius: 100%;"
                                                     th:src="@{'/system/user/picture?p='+${item.createBy.picture}}"
                                                     alt="用户头像">
                                                <div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray" style="transition: 0.3s all!important;"><div>
                                                    <a class="text-info mr-1" th:text="${item.createBy.nickname}">用户姓名</a>
                                                    <strong th:text="${#dates.format(item.createDate, 'yyyy-MM-dd HH:mm:ss')}" class="text-gray-dark text-muted" style="opacity: 50%;">
                                                        创建时间
                                                    </strong>
                                                </div>
                                                    <span class="d-block text-dark comment w-75" th:id="'commentContent'+${item.id}" style="margin-top: 10px;">
                                                        <p th:utext="${item.content}">回复内容</p>
                                                    </span>
                                                    <span class="d-none mb-2"></span>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </main>

        </div>
        <!-- 主体内容结束-->
        <div style="display: none" id="temp">
            <input id="postingid" th:value="${article.getId()}">
            <input id="userid" th:value="${user.getId()}">
            <input id="username" th:value="${user.nickname}">
        </div>
        <!-- 页脚 -->
        <footer class="sticky-footer bg-white">
            <div class="container my-auto">
                <div class="copyright text-center my-auto">
                    <span>Copyright &copy; 三峡大学 2022 - 鄂ICP备15002584号</span>
                </div>
            </div>
        </footer>
        <!--页脚也就这么点点-->

    </div>
    <!-- 总内容也就这么多了-->

</div>
<!--主体的区域结束了，接下来就是弹窗的div等部分-->

<!-- 回到最上-->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>


<!--审核通过提示-->
<div class="modal fade" id="SubmitTips" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content text-center items-center">
            <div class="modal-header text-center">
                <h5 class="modal-title text-danger" id="exampleModalLabel"><i class="fas fa-exclamation-circle mr-1"></i>审核消息：</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <div id="SubmitTipsContent" class="modal-body m-0">等待服务器中，请稍后...</div>

            <div class="modal-footer" id="deleteInfoFooter">
                <button class="btn btn-info" type="button" data-dismiss="modal" onclick="location.reload();">确定</button>
            </div>

        </div>
    </div>
</div>

<!-- 弹窗 -->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="loginOutModalLabel">注意</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">确定要退出登录吗?</div>
            <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">取消</button>
                <a class="btn btn-primary" href="/logout">确定</a>
            </div>
        </div>
    </div>
</div>



<script th:src="@{/vendor/jquery/jquery.min.js}"></script>
<script th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/vendor/jquery-easing/jquery.easing.min.js}"></script>
<!-- 自己的js文件-->
<script th:src="@{/js/wangEditor/wangEditor.js}"></script>
<script th:src="@{/vendor/datatables/jquery.dataTables.min.js}"></script>
<script th:src="@{/vendor/datatables/dataTables.bootstrap4.min.js}"></script>

<script>
    function passThisArticle(pass_flag){
        //console.log("审核中。。。");
        let articleID = $("#thisPageUserID").text();
        $.ajax({
            type: "GET",
            url: "/system/article/pass?articleID="+articleID+"&flag="+pass_flag,
            success: function (data) {
                $("#SubmitTipsContent").html(data["msg"]);
            }
        });
    }
    function commentThisPosting(obj){
        $(obj).addClass("d-none");
        $('#commentThisPostArea').removeClass("d-none");
    }

    function openComment(obj) {
        if($(obj).parent().next().is(':hidden')){
            $(obj).parent().next().show();
        }else{
            $(obj).parent().next().hide();
        }
    }
    function changeCommentBtn(obj){
        let commentArea = $(obj).parent().parent().prev().prev();
        let changeCommentArea = $(commentArea).next();
        let commentStr = $(commentArea).html();
        let inputArea =  $(changeCommentArea).children().first().children().first();
        $(commentArea).removeClass("d-block").addClass("d-none");
        $(changeCommentArea).removeClass("d-none").addClass("d-block");
        $(inputArea).html(commentStr);
        //alert($(commentArea).html());
    }
    function cancelChangeCommentBtn(obj){
        $(obj).parent().parent().prev().removeClass("d-none").addClass("d-block");
        $(obj).parent().parent().removeClass("d-block").addClass("d-none");
    }

    function updateCommentText(obj){
        let wangEditorStr = "";
        if($(obj).attr("id")==="editDiv"){
            wangEditorStr = $('#editDiv .w-e-text').html();
            //alert("评论信息");
        }else if($(obj).attr("id")==="modifyEditDiv"){
            wangEditorStr = $('#modifyEditDiv .w-e-text').html();
        }
        $(obj).next().html(wangEditorStr);
    }
</script>


<script>
    (function () {
        if($("#thisPageUserStatus").text()==="7"){
            $("#articlePassBtn").text("重新通过审核");
        }
    }());
    // 删除提示
    function deleteInfoFun(obj){
        let deleteATag = $(obj).next();
        let deleteUrl = $(deleteATag).attr('href');
        let deleteFooter = $('#deleteInfoFooter').html();
        deleteFooter='<button class="btn btn-secondary" type="button" data-dismiss="modal">取消</button><a class="btn btn-danger" href="'+deleteUrl+'">确定删除</a>';
        $('#deleteInfoFooter').html(deleteFooter);
    }
    function commentThisPosting(){
        $('#commentThisPostBtnArea').addClass("d-none");
        $('#commentThisPostArea').removeClass("d-none");
    }
    function cancelComment(obj){
        $(obj).parent().parent().addClass("d-none");
        $('#commentThisPostBtnArea').removeClass("d-none");
    }
    function modifyThisPosting(){
        $('#commentThisPostBtnArea').addClass("d-none");
        $('#modifyThisPostArea').removeClass("d-none");
        let modifyPostStr = $('#blogContent').html();
        $('#modifyEditDiv .w-e-text').html(modifyPostStr);
    }
</script>
<script type="text/javascript">
    var userid =$('#userid').val();
    var username = $('#username').val();
    var postingid = $('#postingid').val();
    $(document).ready(function () {
        let Edit = window.wangEditor;
        let editorDiv = new Edit('#editDiv');
        // alert("已创建编辑框");
        editorDiv.create();
        let modifyEdit = window.wangEditor;
        let modifyEditorDiv = new modifyEdit('#modifyEditDiv');
        modifyEditorDiv.create();
        if($('#userID').text()===$('#thisPageUserID').text() || $('#NowUserClass').text()==="5"){
        }

        function getavatar() {
            let pathTemp = "../img/avatar/icon";
            let avatars = document.getElementsByClassName("avatar");
            for (let i = 1; i <= avatars.length; i++) {
                avatars.item(i - 1).src = pathTemp + (Math.round(Math.random() * 19) + 1) + ".png";
            }
        }

        function add0(m){return m<10?'0'+m:m }
    });



    function  f(index,id,name) {
        var idurl = "inputid" + index;
        var nameurl = "inputname" + index;
        var texturl = "inputtext" + index;
        $('#'+idurl).val(id);
        $('#'+nameurl).val(name);
        $('#'+texturl).attr("placeholder","@"+name);
    }
</script>

<script>
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg); //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }
    function jumpToMyInfoLocation(){
        //alert("开始跳转");
        let urlInfoLocation = getUrlParam("commentid","utf-8");
        //alert(urlInfoLocation);
        if(urlInfoLocation==null)
            return null;
        //第一个Area是主楼的区块，定位到一整栋楼
        $('body,html').animate({scrollTop: $('#commentArea'+urlInfoLocation).offset().top}, 500);
        //而这个commentToCommentId定位的是楼中楼的id，虽然两处的id不一样，一个从九百多开始，另一个
        //楼中楼从十几的数字开始，但是我怕帖子多了后id会冲突，目前列个两个，如果逻辑不好处理的话，
        //也可以采用不管主楼跳转还是楼中楼定位跳转，都定位到主楼，也简单些
        //$('body,html').animate({scrollTop: $('#commentToCommentId48').offset().top}, 500);
    }
    function updateMessage(){
        $.ajax({
            type: "GET",
            url: "/message/selectAll",
            success: function (data) {
                var s1 = data.messageList;
                $('#messageNum').html(s1.length);
                var html = "";
                for (let i = 0; i < s1.length; i++) {
                    html +=
                        '<a  class="dropdown-item d-flex align-items-center"  onclick="return deletemessage('+s1[i].id+')" href="' + s1[i].herf + '" >' +
                        '<div class="mr-3" >' +
                        '<div class="icon-circle bg-primary">' +
                        '<i class="fas fa-file-alt text-white"></i>' +
                        '</div>' +
                        '</div>' +
                        '<div>' +
                        '<div class="small text-gray-500">' + dateformat(s1[i].date) + '</div>' +
                        ' <span class="font-weight-bold">' + s1[i].title + '</span>' +
                        '</div>' +
                        '</a>';
                }
                $('#messageContent').html(html);
            }
        });
    }
    function deletemessage(messageid){
        $.ajax({
            type: "GET",
            url: "/message/deleteById?id="+messageid,
            success: function (data) {
                updateMessage();
                return true;
            }
        });
    }
    function deleteAll(){
        $.ajax({
            type: "GET",
            url: "/message/deleteByUserId",
            success: function (data) {
                updateMessage();
            }
        });
    }
    function add0(m) {
        return m < 10 ? '0' + m : m
    }

    function dateformat(timestamp) {
        //timestamp是整数，否则要parseInt转换,不会出现少个0的情况
        var time = new Date(timestamp);
        var year = time.getFullYear();
        var month = time.getMonth() + 1;
        var date = time.getDate();
        var hours = time.getHours();
        var minutes = time.getMinutes();
        var seconds = time.getSeconds();
        return year + '-' + add0(month) + '-' + add0(date) + ' ' + add0(hours) + ':' + add0(minutes) + ':' + add0(seconds);
    }
    function openOptBtn(obj){
        if($(obj).hasClass('btn-outline-secondary')){
            $(obj).removeClass('btn-outline-secondary').addClass('btn-outline-success');
            $(obj).children().first().removeClass('fa-toggle-off').addClass('fa-toggle-on');
            $(obj).parent().next().removeClass('d-none');
        }else{
            $(obj).addClass('btn-outline-secondary').removeClass('btn-outline-success');
            $(obj).children().first().addClass('fa-toggle-off').removeClass('fa-toggle-on');
            $(obj).parent().next().addClass('d-none');
        }
    }
    (function ($) {
        "use strict";

        // 侧边栏导航的开合
        $("#sidebarToggle, #sidebarToggleTop").on('click', function (e) {
            $("body").toggleClass("sidebar-toggled");
            $(".sidebar").toggleClass("toggled");
            if ($(".sidebar").hasClass("toggled")) {
                $('.sidebar .collapse').collapse('hide');
            }
        });

        // 当窗口尺寸小于768px等等条件时，缩小侧边栏以及下拉菜单或者搜索栏等等
        $(window).resize(function () {
            if ($(window).width() < 1380) {
                $('.sidebar .collapse').collapse('hide');
            }

            // 窗口尺寸小于480px等等条件时，关闭侧边栏以及下拉菜单或者搜索栏等等
            if ($(window).width() < 1375 && !$(".sidebar").hasClass("toggled")) {
                $("body").addClass("sidebar-toggled");
                $(".sidebar").addClass("toggled");
                $('.sidebar .collapse').collapse('hide');
            }
            if ($(window).width() < 1600) {
                $(".sidebar").addClass("toggled");
            } else {
                $(".sidebar").removeClass("toggled");
            }
        });

        // 当侧边导航栏被固定的时候，防止滑动页面时出排版bug
        $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function (e) {
            if ($(window).width() > 920) {
                var e0 = e.originalEvent,
                    delta = e0.wheelDelta || -e0.detail;
                this.scrollTop += (delta < 0 ? 1 : -1) * 30;
                e.preventDefault();
            }
        });

        // 滚动到顶部按钮的浮现
        $(document).on('scroll', function () {
            var scrollDistance = $(this).scrollTop();
            if (scrollDistance > 100) {
                $('.scroll-to-top').fadeIn();
            } else {
                $('.scroll-to-top').fadeOut();
            }
        });
        // 搭配jQuery实现返回顶部平滑的移动
        $(document).on('click', 'a.scroll-to-top', function (e) {
            var $anchor = $(this);
            $('html, body').stop().animate({
                scrollTop: ($($anchor.attr('href')).offset().top)
            }, 1000, 'easeInOutExpo');
            e.preventDefault();
        });
        // 当未读取用户名时隐藏整个用户信息
        $(function () {
            if (!$('#userName').html()) {
                $('#user-area,#newEmailButton,#newMsgButton').hide();
                $('#login-button').show();
                $('#checkIn').hide();
            } else {
                $('#checkIn').show();
                $('#login-button').hide();
            }
        });
        $('#sidebarToggleTop').hide();
    })(jQuery);


</script>

</body>

</html>